<?php
defined('_JEXEC') or die;
$items=$this->items;
?>
<style>
.btn-info {
    background-color: #6fb3e0 !important;
    border-color: #6fb3e0;
}

element.style {
    margin-right: 5px;
}
.blue {
    color: #478fca !important;
}
h3.smaller {
    font-size: 21px;
}

.header.blue {
    border-bottom-color: #d5e3ef;
}
.btn-success {
    background-color: #87b87f !important;
    border-color: #87b87f;
	text-decoration: none;
}
.btn-danger {
    background-color: #d15b47 !important;
    border-color: #d15b47;
}
.btn-mini {
    border-width: 2px;
    font-size: 12px;
    line-height: 22px;
    padding: 0 5px;
}
.btn-info {
    background-color: #49afcd;
    background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.btn {
    background-image: none !important;
    border: 5px solid;
    border-radius: 0;
    box-shadow: none !important;
    color: #fff !important;
    cursor: pointer;
    display: inline-block;
    margin: 0;
    position: relative;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
    transition: all 0.15s ease 0s;
    vertical-align: middle;
}
</style>
<h3 class="header smaller lighter blue">
	Quá trình công tác
	<span data-original-title="Xóa" class="btn btn-mini btn-danger pull-right inline" id="btn_remove_congtacnn" style="margin-right: 5px;" data-rel="tooltip" data-placement="top" title="">
		<i class="icon-trash"></i> Xóa
	</span>
	<a data-original-title="Thêm mới" class="btn btn-mini btn-success pull-right inline" id="btn_add_congtacnn" style="margin-right: 5px;" data-rel="tooltip" data-placement="top" title="" role="button" href="#modal" data-target="#myModal" data-toggle="modal">
		<i class="icon-plus"></i> Thêm mới
	</a>
</h3>
	<div id="j-main-container" class="span10">
			<div id="j-main-container">
		
	<div style="clear:both;padding:5px"></div>
    <table class="table table-striped" id="articleList">
        <thead>
            <tr>
                <th class="nowrap center">
                    #
                </th>
                <th class="title">Quốc gia</th>
                <th class="nowrap center">Lý do</th>
                <th class="nowrap center">Nơi công tác</th>
                <th class="nowrap center">id</th>
                <th></th>
            </tr>
        </thead>
        <?php
        $k = 0;
        for ($i=0, $n = count( $items ); $i < $n; $i++)
        {
            $row = $items[$i];
            ?>
        <tr class="<?php echo "row$k"; ?>">
            <td style="width: 30px;" class="center">
			<input type="checkbox" name="id_ctnn[]">
            </td>
           <td>
           		<?php echo $row->quocgia_ctnn; ?>
           </td>
           <td   class="center">
                <?php  echo $row->lydodi_ctnn;?>
            </td>
           <td class="center hidden-phone" >
				<span class="editlinktip hasTip" >
				<?php echo $row->noicongtac_ctnn;?>
				</span>
			</td>
			<td  style="width: 30px;" class="center">
                <?php  echo $row->id_ctnn;?>
            </td>
            <td>
	            <span data-original-title="Điều chỉnh" class="btn btn-mini btn-info btn_edit_congtacnn" data-rel="tooltip" data-placement="top" title="" role="button" href="#modalQuatrinh" data-toggle="modal">
					<i class="icon-edit"></i>
				</span>
				<span data-original-title="Chi tiết" class="btn btn-mini btn_detail_congtacnn" data-rel="tooltip" data-placement="top" title="">
					<i class="icon-search"></i>
				</span>
            </td>
        </tr>
        <?php
        $k = 1 - $k;
    }
    unset($this->colid);
    ?>
    </table>
     </div>
    </div>
<div id="div_edit_congtacnn"></div>
<script type="text/javascript">
jQuery(document).ready(function($){
	$('#btn_add_congtacnn').on('click', function(){
		$('#div_edit_congtacnn').load('<?php echo JUri::base(true);?>/index.php?option=com_dmdaotao&view=congtacnn&format=raw&task=edit_congtacnuocngoai',function(){

			});
	});
});
</script>